/* 
 * Ensemble des fonctions de recherche
 * -- Récupération des produits en AJAX réalisé à l'aide de JQUERY
 */

jQuery(document).ready(function($){
    
    // -- Fait par [Romain MIOR]
    var prix_inf = $("#prix_inf").val();
    var prix_sup = $("#prix_sup").val();

    // Création d'un slider dans l'élément id slider_prix
    $("#slider_prix").slider({
        range:  true,
        min:    0,         // valeur min
        max:    300,       // valeur max
        values: [prix_inf, prix_sup],   // position des 2 curseurs à l'initialisation
         
        // Action à effectuer lorsqu'on déplace l'un des curseur
        slide: function(event, ui){
            $('#prix_min').html(ui.values[0]);
            $('#prix_max').html(ui.values[1]);
            $('#prix_inf').attr('value', $('#prix_min').text());
            $('#prix_sup').attr('value', $('#prix_max').text());
        }
    });
     
    // Initialisation des valeurs numériques au chargement de la page
    $('#prix_min').html($("#slider_prix").slider("values", 0));
    $('#prix_max').html($("#slider_prix").slider("values", 1));
    
    // Passage dans nos input hidden des valeurs initiale
    $('#prix_inf').attr('value', $('#prix_min').text());
    $('#prix_sup').attr('value', $('#prix_max').text());
        
    // -- Fait par [Mathieu FOURNIAL]
    var recherche_ajax = function() {
        
        var texte = $("input.recherche").val();
        var donnees = "recherche="+texte;
        
        $.ajax({
            beforeSend: function(jqXHR) {
                $('.chargement').show();
            },
            data: donnees,
            error: function(jqXHR, textStatus, errorThrown) {
                $('.chargement').hide();
                $('.erreur').html(jqXHR.status +": "+ jqXHR.statusText);
            },
            success: function(data, textStatus, jqXHR) {
                $('.chargement').hide();
                
                // Affiche la liste des produits
                $("#content-body").html(data);
            },
            timeout: 10000,
            type: "POST",
            url: "ajax-recherche-produit.php"
        });
    };

    // -- Fait par [Romain MIOR]
    // Ecouteur sur la remonter des touches sur le champs
    $("input.recherche").keyup(recherche_ajax);
    // Ecouteur sur le click du bouton de recherche
    $("input.bouton-recherche").click(recherche_ajax);
});